<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="keywords" content="关键字">
		<meta name="description" content="网站描述">
		<meta name="author" content="edit by Binggen">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<title>武汉知新教育培训学校</title>
		<link rel="stylesheet" href="layui/css/layui.css">
		<link rel="stylesheet" type="text/css" href="css/zhixin.css" />
		<link rel="shortcut icon" href="favicon.ico">
	</head>

	<body>
	<div class="header">
		<div class="header-box clearfix">
			<!--小屏幕导航菜单按钮-->
			<div class="menu-button ">
				<div class="menubar"></div>
				<div class="menubar"></div>
				<div class="menubar"></div>
			</div>
			<!--小屏幕导航菜单按钮end-->

			<a class="logo left" href="index.html">
				<img src="images/logo.png" alt="知新教育">
			</a>
			<p class="slogan left">小初高<br>小班教学、一对一辅导</p>
			<ul class="nav-box">
				<li><a class="links" href="index.html">首页</a></li>
				<li><a class="links" href="course.html">课程中心</a></li>
				<li><a class="links" href="master.html">名师风采</a></li>
				<li><a class="links" href="news.html">最新资讯</a></li>
				<li><a class="links" href="about.html">关于我们</a></li>
				<li><a class="links actived" href="apply.html">在线报名</a></li>
			</ul>
		</div>
	</div>
		<div class="container">

			<!--新闻区域-->
			<div class="bg-grey">
				<!--在线报名区域-->
				<div class="apply-box clearfix">
					<form class="layui-form layui-form-pane apply-infos-form">
						<!--姓名-->
						<div class="layui-form-item">
							<label class="layui-form-label" for="stu-name">学生姓名</label>
							<div class="layui-input-block">
								<input type="text" name="stu_name" id="stu-name" required  lay-verify="required" placeholder="请输入姓名" class="layui-input">
							</div>
						</div>
						<!--性别-->
						<div class="layui-form-item" pane="">
							<label class="layui-form-label">性&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;别</label>
							<div class="layui-input-block">
								<input type="radio" name="sex" value="男" title="男" checked>
								<input type="radio" name="sex" value="女" title="女">
							</div>
						</div>
						<!--出生日期-->
						<div class="layui-form-item">
							<label class="layui-form-label" for="birthday">出生日期</label>
							<div class="layui-input-block">
								<input type="text" name="birthday" id="birthday" lay-verify="date" placeholder="请点击选择出生日期" autocomplete="off" class="layui-input">
							</div>
						</div>
						<!--就读学校-->
						<div class="layui-form-item">
							<label class="layui-form-label" for="school-name">就读学校</label>
							<div class="layui-input-block">
								<input type="text" name="school" id="school-name" required  lay-verify="required" placeholder="请输入就读学校名字" class="layui-input">
							</div>
						</div>
						<!--班级-->
						<div class="layui-form-item">
							<label class="layui-form-label" for="class-name">班&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;级</label>
							<div class="layui-input-block">
								<input type="text" name="class_name" id="class-name" required  lay-verify="required" placeholder="请输入就读班级号" class="layui-input">
							</div>
						</div>
						<!--联系电话-->
						<div class="layui-form-item">
							<label class="layui-form-label" for="userphone">联系电话</label>
							<div class="layui-input-block">
								<input type="text" name="userphone" id="userphone" required  lay-verify="required|telphone" placeholder="请输入联系电话" class="layui-input">
							</div>
						</div>
						<!--备注-->
						<div class="layui-form-item layui-form-text">
							<label class="layui-form-label" for="remarks">备注</label>
							<div class="layui-input-block">
								<textarea placeholder="请输入内容" class="layui-textarea" name="remarks" id="remarks"></textarea>
							</div>
						</div>
						<!--提交-->
						<div class="layui-form-item">
							<button class="layui-btn layui-btn-fluid submit-btn" lay-submit="" lay-filter="apply-form">立即提交</button>
						</div>

					</form>
				</div>
				<!--在线报名区域End-->
			</div>
			<!--新闻区域区域END-->

			<!--联系方式-->
			<div class="index-contact">
				<div class="wrapper clearfix">
					<div class="index-contact-box">
						<h4>联系方式</h4>
						<ul class="contact-info">
							<li><i class="icons"></i>黄老师</li>
							<li><i class="icons icon-addr"></i>武汉市洪山区恒安区366号火星空间4楼知新教育</li>
							<li><i class="icons icon-tell"></i>027-87689729</li>
							<li><a href="http://wpa.qq.com/msgrd?v=3&amp;uin=2540271161&amp;site=qq&amp;menu=yes" target="_blank" title="点击QQ交谈"><i class="icons icon-qq"></i>123456789</a></li>
						</ul>
					</div>
					<div class="qr-code">
						<div class="adaptImg"><img src="images/qr-code.jpg" alt="扫码关注微信"></div>
						<p>扫码关注微信</p>
					</div>
				</div>
			</div>
			<!--联系方式END-->

			<!--版权-->
			<div class="copyright">
				<p>技术支持：<a href="http://www.yungeng.org/" target="_blank" title="云耕创意（武汉）科技有限公司">云耕创意（武汉）科技有限公司</a></p>
				<p>备案号：备案号备案号备案号备案号备案号备案呈</p>
			</div>
			<!--版权END-->
		</div>


		<script src="layui/layui.js" type="text/javascript"></script>
		<script src="js/jquery-1.7.2.min.js" type="text/javascript"></script>
		<script type="text/javascript">
			layui.use(['form','layer','laydate'],function(){
				var form=layui.form,
						layer=layui.layer,
						laydate=layui.laydate,
						$ = layui.$;

				//日期组件
				laydate.render({
					elem:'#birthday'
				})
				//自定义验证规则
				form.verify({
					telphone: [/(^[0-9]{3,4}\-[0-9]{3,8}$)|(^[0-9]{3,8}$)|(^\([0-9]{3,4}\)[0-9]{3,8}$)|(^0{0,1}13[0-9]{9}$)/, '请输入正确手机或电话号码']
				});

				//监听提交
				form.on('submit(apply-form)', function(data){
					var datas=data.field;
					console.log(datas);
					$.ajax({
						url:'',
						data:datas,
						dataType:'json',
						success:function(res){
							layer.alert('信息提交成功！');
						},
						error:function(res){

						}
					});
					return false;
				});

			})
		</script>
		<script src="js/zhixin.js"></script>
	</body>

</html>